// Rotate mixin.
// ===

.rotate (@deg) {
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  transform: rotate(@deg);
}

.toggle-btn {
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;

  transition: transform .5s;
  -moz-transition: transform .5s; /* Firefox 4 */
  -webkit-transition: transform .5s; /* Safari 和 Chrome */
  -o-transition: transform .5s; /* Opera */
  &:hover {
    color: #fff;
  }
}

.toggle-btn.below {
  .rotate(180deg);
}

